(function(){
    $(function(){
        //鼠标移入头部和底部
        $(".h-right").children().on("mouseenter",function(){
            $(this).css({
                color:"#3398cc"
            })
        }).on("mouseleave",function(){
            $(this).css({
                color:"#666"
            })
        })
        $(".footer").find("a").on("mouseenter",function(){
            $(this).css({
                color:"#3398cc"
            })
        }).on("mouseleave",function(){
            $(this).css({
                color:"#666668"
            })
        })
        //切换手机短信注册
        $("[name='msgTe']").on("click",function(){
            if($(this).val()=="手机"){
                $('[name="phone"]').attr("placeholder",`请输入手机号码`)
                $('[name="yzm"]').attr("placeholder",`短信验证码`)
                $('[name="phone"]').parent().prev().children().eq(1).text("手机号:")
                $('[name="yzm"]').parent().prev().children().eq(1).text("短信验证码:")
            }else{
                $('[name="phone"]').attr("placeholder",`请输入邮箱`)
                $('[name="yzm"]').attr("placeholder",`请输入邮箱验证码`)
                $('[name="phone"]').parent().prev().children().eq(1).text("邮箱:")
                $('[name="yzm"]').parent().prev().children().eq(1).text("邮箱验证码:")
            }
           
        })
        //点击input款,边框变色//
       $(".con-form input").on("focus",function(){
           if(!($(this).attr("type")=="text"||$(this).attr("type")=="password")){
              console.log(1232);
              return
           }
         $(this).css({
               border:"1px solid #ff7010",
               background:"#fff"
           })
       }).on("blur",function(){
            if(!($(this).attr("type")=="text"||$(this).attr("type")=="password")){
                console.log(1232);
                return
            }
            $(this).css({
                border:"1px solid #d5d5d5",
                background:"#fff"
            })   
        })
        
        //鼠标移入协议和移出协议
        $(".ino-xie").on("mouseenter",function(){
           
            $(this).children().css({
                color:"#21b5f3",
            })
        }).on("mouseleave",function(){
            $(this).children().eq(1).css({
                color:"#555555",
            })
        })
        //获取input的值
        var isFl=true
        var isMsg=""
        //用户名验证
        $('[name="username"]').on("blur",function(){
            var str=/\w{4,15}/
            var self=this
            if(!(str.test($(this).val()))){
                $(this).parent().next().text("请输入字母或数字组合的用户名")
                isFl=false
                return
            }
            let obj={
                username:$(this).val()
            }
            $.ajax({
                url:"./api/select",
                type:"get",
                data:obj
            }).then(function(res){
               
               if(res.msg==1){
                $(self).parent().next().text("用户名重复,请更改用户名")
                isFl=false
                isMsg="用户名重复,请更改用户名"
               }
                
            })
            $(this).parent().next().text("")
            
        })
        //密码验证
        $('[name="dispwd"]').on("blur",function(){
          var $pwdStr= $(this).parents(".r-text").prev().find('[type="password"]').val()
            if($(this).val()!=$pwdStr){
                $(this).parent().next().text("确认密码必须和密码一致")
                isFl=false
                return
            }
            $(this).parent().next().text("")
        })
        //手机号验证
        $('[name="phone"]').on("blur",function(){
            var phon=/^[1][3-9]\d{9}$/i
            if(!(phon.test($(this).val()))){
                $(this).parent().next().text("请输入正确的手机号码")
                isFl=false
                return 
            }
            $(this).parent().next().text("")
        })

       $(".btn").on("mouseenter",function(){
            if(!($('[name="xieyi"]').prop("checked"))){
                return
            }
        
            $(this).css({
               background:"#ff7010"
           })
       }).on("mouseleave",function(){
            if(!($('[name="xieyi"]').prop("checked"))){
                return
            }
           $(this).css({
               background:"#22b5f5"
           })
       })
        //鼠标移入验证码获取移出
        $('[name="yzmy"]').on("mouseenter",function(){
            $(this).css({
                background:"#ff7010"
            })
        }).on("mouseleave",function(){
            $(this).css({
                background:"#2299ee"
            })
        }).on("mousedown",function(){
            $(this).css({
                background:"#2299ee"
            })
        })
       //点击注册的时候获取所有input的值
       $("form").on("submit",function(){
            if(isFl==false){
                alert(isMsg)
                return false
            }
            //获取cookies的数据
            // var oUserList=JSON.parse(Cookies.get("users")||"[]")
            var oUers={
                    username:$('[name="username"]').val(),
                    pwd:$('[name="pwd"]').val(),
                    phone:$('[name="phone"]').val(),
                }
                //检测用户名与手机号码是否有一致的
            // var isPef=true   
            // oUserList.forEach( item=> {
            //     if(item.username==oUers.username || item.phone==oUers.phone){
            //         isPef=false
            //     }
            // });
            // if(isPef){
            //     oUserList.push(oUers)
            //     Cookies.set("users",JSON.stringify(oUserList),{expires:10})
            //     alert("注册成功,请前往登陆")
            //     return
            // }
            // alert("该用户名或手机号已注册")
            if(oUers.username==""||oUers.pwd==''||oUers.phone==''){
                alert("请输入注册信息")
                return false
            }
            console.log(oUers);
                $.ajax({
                    url:"./api/reg",
                    type:"post",
                    data:oUers
                }).then(function(res){
                    var {msg,code}=res
                    alert(msg)
                    console.log(res);
                    
                })


             return false
       })
       
      

    })




})()